<template>
	<view class="content">

		<u-row gutter="16">
			<u-col span="12" text-align="center" style="padding-bottom: 20rpx;">
				<view class="demo-layout ">共获得<span style="font-size: 60rpx;">50分</span></view>
			</u-col>
			
			<u-col span="12" text-align="center">
				<view class="demo-layout ">很遗憾您未能通过测试，请重新考试</view>
			</u-col>
			
			<u-col span="12" text-align="center">
				<view>
					<button class="button-demo">重新考试</button>
				</view>
			</u-col>
			
			<view style="position: fixed;bottom:0;">广告位</view>
		</u-row>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding: 24rpx;
		display: flex;
		font-size: 35rpx;
	}

	.button-demo {
		width: 300rpx;
		height: 300rpx;
		border-radius: 150rpx 150rpx 150rpx 150rpx;
		background-color: #849bf3;
		color: #ffffff;
		margin-top: 250rpx;
		font-size: 50rpx;
		line-height: 280rpx;
		/*针对IE*/
	}

	.u-row {
		margin: 40rpx 0;
	}

	.demo-layout {
		height: 80rpx;
		border-radius: 8rpx;

	}

	.choujiang {
		height: 40px;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}


	.footer {

		position: fixed;
		bottom: 0; //可以更改为自己的需求距离底部的长度
	}
</style>
